/*比赛banner*/
.game_main .swiper-container .swiper-pagination-bullet {
  width: 7px !important;
  height: 7px !important;
  margin: 0 3px !important;
}

/*推荐比赛*/
.game_main .game-suggest{
    position: relative;
    /*padding-top: 10px;*/
    width: 100%;
}
.game_main .game-suggest-bg{
    width: 100%;
}
.game_main .game-suggest_name-and-index{
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 2.2rem;
}
.game_main .game-suggest_detail{
    margin-left: 10px;
    color: #FFFFFF;
    font-size: 0.8rem;
    border: solid #a0daf5 1px;
    border-radius: 11px;
    height: 20px;
    padding: 2px 10px;
    vertical-align: middle;
    display: inline-block;
}
.game_main .game-parting-line{
    position: relative;
}
.game_main .game-parting-line_line{
    /*position: relative;*/
    text-align: center;
    width: 100%;
    height: 3px;
    /*background-color: #648BE3;*/
    background: -webkit-linear-gradient(left, white, #648BE3 50%, white);
    background: linear-gradient(to right, white ,#648BE3 50%, white);
}
.game_main .game-parting-line_line i{
    width: 40px;
    height: 40px;
    padding: 5px;
    position: relative;
    display: inline-block;
    top: -15px;
    z-index: 1;
    color: #FFFFFF;
    background-color: #648BE3;
    border-radius: 20px;
    font-size: 25px;
    line-height: 30px;
    -webkit-transition: -webkit-transform 0.3s ease-out;
            transition: transform 0.3s ease-out;
}

/*Game tabs and content*/
.game_main .game-kind-tab-wrap{
    bottom: 20%;
    width: 100%;
    padding-top: 0.6rem;
}
.game_main .game-kinds{
    padding-bottom: 5px;
    position: relative;
    width: 100%;
    height: 13%;
    text-align: center;
    font-size: 0.8rem;
    background-image: url("../images/game/kinds-bg.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
}
.game_main .game-kinds .k-line-new{
    position: absolute;
    top:11px;
    right:14%;
    width:30px;
}
.game_main .game-kind-tab{
    width: 24%;
    display: inline-block;
    color: #999999;
    margin: 5px auto;
}
.game_main .game-kind-tab i{
    font-size: 3rem;
    color: #51BEEF;
}
.game_main .game-kind-tab_title{
    font-size: 1.5rem;
}
.game_main .game-kind-tab_icon{
    padding:0px;
}
.game_main .game-kind-tab-select{
    color: #3FB9EE;
}
.game_main .game-kind-tab-select i{
    color: #FFFFFF;
    padding: 3px;
    border-radius: 50%;
    background-color: #3FB9EE;
}
.game_main .kinds-line{
    width: 100%;
    height: 1pt;
    background-color: #A2E1FC;
}
.game_main .game-list{
    padding-bottom: 44px;
}
.game_main .loading{
    width: 100%;
    text-align: center;
    color: #999999;
    margin-top: 1rem;
    font-size: 1.5rem;
}
.game_main .no-games{
    width: 100%;
    text-align: center;
    color: #999999;
    margin-top: 1rem;
    font-size: 1.5rem;
    /*display: none;*/
}
/*Personal PK*/
.game_main .sort-header-wrap{
    padding: 5px 25px;
    /*text-align: center;*/
    font-size: 1.3rem;
    color: #999999;
    background-color: #FFFFFF;
}
.game_main .sort-header-wrap div{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.game_main .sort-header-wrap i{
    font-size: 1rem;
}
.game_main .sort-header-wrap span{
    display: inline-block;
}
.game_main .sort-header-wrap .sort-header-wrap-up {
    color: #78D4FF;
}
.game_main .game-wrap .sort-header-wrap .clock{
    width: 100px;
    padding: 7px 0;
    /* margin-left: 8px; */
    text-align: center;
}
.game_main .game-wrap .sort-header-wrap .no_clock-wrap{
    left: 100px;
    padding: 7px 0;
    /* margin-left: 8px; */
    position: absolute;
    right: 0;
    text-align: center;
}
.game_main .game-wrap .sort-header-wrap .start-time{
    width: 32%;
    /* padding: 7px 0; */
    text-align: left;
}
.game_main .game-wrap .sort-header-wrap .award{
    width: 32%;
    /*padding: 7px 0;*/
    text-align: center;
}
.game_main .game-wrap .sort-header-wrap .players{
    width: 32%;
    /*padding: 7px 0;*/
    text-align: right;
}

.game_main .game-wrap .sort-header-wrap img{
    width: 6px;
}
.game_main .game-wrap .sort-header-wrap div{
    display: inline-block;
    padding: 2px auto 2px auto;
}
.game_main .game-wrap .game-next-page-wrap{
    width: 100%;
    text-align: center;
    display: none;
}
.game_main .game-wrap .game-next-page-wrap .game-next-page_icon{
    width: 30px;
    margin: 0 auto;
}
.game_main .game-wrap .game-init-loading-wrap{
    width: 100%;
}
.game_main .game-wrap .game-init-loading-wrap .game-init-loading_icon{
    width: 30px;
    margin: 0 auto;
}

    /* 加载的动画 */
.game-loading{
    -webkit-animation: gameLoading 1s linear 0s infinite ;
            animation: gameLoading 1s linear 0s infinite ;
    text-align: center;
}
@-webkit-keyframes gameLoading {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes gameLoading {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}

.game_main .footer{
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #FFFFFF;
    /* padding: 15px; */
    text-align: center;
    z-index: 2;
    border-top: 1px solid #E7E7E7;
    height: 44px;
    line-height: 44px;
}
.game_main .footer-game-all {
    width: 40%;
    height: 30px;
    color: #3FB9EE;
    line-height: 30px;
    display: inline-block;
    /* padding: 5px 30px; */
    border: solid 1px #3FB9EE;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: 7px auto;
}
.game_main .footer-game-self{
    width: 40%;
    height: 30px;
    color: #3FB9EE;
    /* padding: 5px 30px; */
    line-height: 30px;
    border: solid 1px #3FB9EE;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    display: inline-block;
}
.game_main .footer-game-select{
    background-color: #3FB9EE;
    color: #FFFFFF;
}

/* 比赛详情页 Start */
.game-details,
.game-invite {
    padding-bottom: 40px;
    background-color: #FFFFFF;
}

.game-details .loading-spin {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
}

.game-details .overview,
.game-invite .overview {
    background-image: url('../images/beijing_3x.jpg');
    background-repeat: no-repeat;
    background-position: 0px -45px;
    background-size: cover;
    padding: 0 10px;
}

.game-details .overview > .info,
.game-invite .overview > .info {
    position: relative;
}

.game-details .overview > .info > .one {
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 0;
}

.game-details .overview > .info > .one > img{
    width: 35px;
    vertical-align: baseline !important;
    height: 35px;
    overflow: hidden;
    border: 1.5px solid #b0dffb;
    border-radius: 50%;
}

.game-details .overview > .info > .one > div {
    display: inline-block;
    margin-left: 10px;
}

.game-details .overview > .info > .password {
    position: absolute;
    left: 120px;
    right: 0;
    top: 10px;
    color: #FFDD09;
    z-index: 1;
    font-size: 16px;
}

.game-details .overview > .info > .two {
    padding-top: 10px;
    border-top: 1px dashed #DBECF8;
}

.game-details .overview > .info > .two .prize-pool {
    display: inline-block;
}

.game-details .overview > .info > .two .prize-pool > div {
    display: inline-block;
    color: #A5DFFA;
    font-size: 12px;
}

.game-details .overview > .info > .two .prize-pool > img {
    width: 30px;
    vertical-align: baseline !important;
    margin-right: 5px;
}

.game-details .overview > .info > .two .prize-pool .total-bonus {
    color: #FFDD09;
}

.game-details .overview > .info > .two .divider {
    height: 30px;
    border-left: 1px dashed #9BDEFB;
    display: inline-block;
    margin: 5px 5px 0 15px;
}

.game-details .overview > .info > .two .game-term {
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    margin-left: 7px;
}

.game-details .overview > .info > .two .game-term > img {
    width: 30px;
    vertical-align: baseline !important;
    margin-right: 3px;
}

.game-details .overview > .info > .two .game-term > div {
    display: inline-block;
    font-size: 10px;
    vertical-align: text-bottom;
}

.game-invite .overview > .info > .two .game-term .gametime{
    width: 30px;
    height: 32px;
    font-size: 12px;
}

.game-details .overview .count-down {
    position: absolute;
    top: 20px;
    right: 0px;
    background-image: url("../images/yuan@3x.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 75px;
    width: 75px;
    padding-top: 20px;
    border: 2px solid #95E0FF;
    border-radius: 50%;
}

.game-details .overview .my-ranking {
    position: absolute;
    top: 100px;
    right: 0;
    color: #FFFFFF;
    font-size: 12px;
}

.game-details .overview .my-ranking span {
    color: #FFE113;
}

.game-details .overview .count-down .key {
    font-size: 10px;
    color: #999999;
    padding: 0 5px;
    text-align: center;
}

.game-details .overview .count-down .value {
    font-size: 12px;
    color: #FF3333;
    padding: 0 2px;
    text-align: center;
}
.game-details .overview .count-down .value_kaisai,
.game-details .overview .count-down .value_over{
    font-size: 12px;
    color: #FF4848;
    padding: 0 2px;
    text-align: center;
    vertical-align: middle;
    height: 33px;
    line-height: 33px;
}

.game-details .overview .count-down .value_kaisai .stage_fighting {
    color: #FF4848;
}

.game-details .overview .count-down .value_over .stage_over {
    color: #565656;
}

.game-details .overview > .two {
    padding-top: 10px;
}

.game-details .overview .btn-sign-up {
    background-color: #FF5760;
    color: #FFFFFF;
    font-size: 17px;
    width: 80%;
    border-radius: 6px;
}

.game-details .overview .btn-area {
    text-align: center;
}

.game-details .overview .btn-trade {
    background-color: #FF5760;
    color: #FFFFFF;
    border-radius: 6px;
    width: 60%;
}

.game-details .overview .btn-position {
    background-color: #FF8E33 ;
    color: #FFFFFF;
    border-radius: 6px;
    width: 35%;
}

.game-details .overview .tips {
    color: #B9EBFF;
    text-align: center;
    font-size: 12px;
}

.game-details .overview .tips .entry-fee {
    color: #FFDD09;
    font-size: 16px;
}

.game-details  .messages .content {
    padding-bottom: 10px;
    padding-right: 10px;
}

.game-details  .messages .content img {
    width: 35px;
    position: absolute;
    left: 10px;
    top: 5px;
}

.game-details  .messages .content .champion {
    padding-left: 50px;
    font-size: 12px;
    position: relative;
}

.game-details  .messages .content .champion .tips {
    background-image: url("../images/pinglun@3x.png");
    background-repeat: no-repeat;
    background-size: 100% 47px;
    padding: 15px 0 15px 25px;
}


.game-details  .messages .content .champion .nickname {
    color: #42B8EF;
}

.game-details  .messages .content .shut-up {
    font-size: 12px;
    color: #F36A2E;
    border-top: 1px solid #FFCF9B;
    border-bottom: 1px solid #FFCF9B;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background-image: url("../images/bar1@2x.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.game-details  .messages .content .shut-up .tips {
    magin: 0 auto;
    display: inline-block;
}

.game-details  .messages .content .shut-up .tips i {
    color: #F6C07B;
    font-size: 14px;
}

.game-details > .comments {
    background-color: #F1F3F6;
    padding-bottom: 10px;
}

.game-details > .comments > .content {
    padding: 0 10px 15px 50px;
    background-color: #FFFFFF;
}

.game-details > .comments > .content > .user-head{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

.game-details > .comments > .content > .loudspeaker{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 30px;
    left: 35px;
}

.game-details > .comments > .content > .xbb {
    background-image: url("../images/pinglun@3x.png");
    background-repeat: no-repeat;
    background-size: 100% 47px;
    padding: 5px 0 5px 25px;
    height: 47px;
    /*background-color: #F1F3F6;*/
    /*border-radius: 15px;*/
}

.game-details > .comments > .content > .xbb > .up {
    font-size: 12px;
    color: #999999;
}

.game-details > .comments > .content > .xbb > .up > .nickname {
    float: left;
    font-size: 10px;
}

.game-details > .comments > .content > .xbb > .up > .nickname span {
    color: #5EB4E3;
}

.game-details > .comments > .content > .xbb > .up > .dataTime {
    float: right;
    font-size: 10px;
    padding-right: 15px;
}

.game-details > .comments > .content > .xbb > .down {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-details > .comments > .content > .xbb > .down img {
    height: 25px;
    vertical-align: bottom;
}

.game-details > .history-comments {
    position: fixed;
    right: 15px;
    bottom: 55px;
    text-align: right;
    z-index: 1;
}

 .game-details > .history-comments-show {
    position: fixed;
    right: 5px;
    bottom: 255px;
    text-align: right;
    z-index: 1;
}

.game-details > .history-comments-show img {
    width: 55px;
}


.game-details > .history-comments img {
    width: 55px;
}

.game-details > .speak {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F2F2F2;
    /*padding: 10px 0;*/
}

.game-details > .speak .content {
    padding: 0 10px;
}

.game-details > .speak > .content table {
    width: 100%;
}

.game-details > .speak > .content table .one {
}

.game-details > .speak > .content table .two {
    width: 50px;
    text-align: center;
    padding-top: 3px;
    color: #A7ADB4;
}

.game-details > .speak > .content table .two i {
    font-size: 32px;
}

.game-details > .speak > .content table .three {
    width: 55px;
    text-align: center;
}

.game-details > .speak .btn-submit {
    border-radius: 15px;
    background-color: #43A7FF;
    color: #FFFFFF;
    font-size: 12px;
    padding: 4px 13px !important;
}

.game-details > .speak .btn .iconfont {
    font-size: 28px;
    color: #999999;
}

.game-details .ranking {
    padding-top: 20px;
    position: relative;
}

.game-details .ranking .logo {
    position: relative;
    margin: 0 auto;
    width: 200px;
}

.game-details .ranking > .logo > .title {
    position: absolute;
    top: 27px;
    left: 75px;
    color: #FFFFFF;
    font-size: 13px;
}

.game-details .ranking .quota .progress {
    height: 10px !important;
}

.game-details .ranking .quota {
    padding-top: 28px;
    width: 280px;
    margin: 0 auto 40px;
    position: relative;
}

.game-details .ranking .quota .one {
    position: relative;
    padding-right: 70px;
}

.game-details .ranking .quota .one .tips {
    position: absolute;
    top: 20px;
    background-color: #42B8EF;
    font-size: 12px;
    color: #FFFFFF;
    padding: 1px 10px;
    border-radius: 15px;
}

.game-details .ranking .quota .one .tips::before{
    background: #42B8EF none repeat scroll 0 0;
    content: "";
    display: block;
    height: 10px;
    margin: -6px auto auto;
    width: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.game-details .ranking .quota .one .progress-bar-info{
    background-color:#42B8EF;
}

.game-details .ranking .quota .two {
    position: absolute;
    top: 25px;
    right: 0;
    color: #999999;
    font-size: 12px;
}

.game-details .ranking .table {
    margin-bottom: 0 !important;
}

.game-details > .ranking thead {
    color: #999999;
    font-size: 12px;
}

.game-details > .ranking thead tr td {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    font-size: 12px;
}

.game-details > .ranking tbody tr td {
    text-align: center;
    vertical-align: middle;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top-color: #DFDFDF !important;
}

.game-details > .ranking tbody tr .one {
    color: #999999;
}

.game-details > .ranking tbody tr .one .icon-zhang1 {
    color: #FF4949;
    font-size: 32px;
}

.game-details > .ranking tbody tr .one .icon-zhang2 {
    color: #00ABEB;
    font-size: 32px;
}

.game-details > .ranking tbody tr .one .icon-zhang3 {
    color: #FFA842;
    font-size: 32px;
}

.game-details > .ranking tbody tr .two {
    color: #565656;
}

.game-details > .ranking tbody tr .two .is-creater {
    color: #42B8EF;
    font-size: 10px;
}

.game-details > .ranking tbody tr .two .is-creater i {
    font-size: 10px;
}

.game-details > .ranking tbody tr .three {
    color: #FF8E33;
}

.game-details > .ranking tbody tr .four {
    background-image: url("../images/beijing-quan.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.game-details > .ranking tbody tr .five {
    color: #FF8E33;
}

.game-details .password img {
    width: 80%;
    margin-left: 10%;
    margin-top: 40px;
}

.game-details .password .tips {
    font-size: 16px;
    text-align: center;
    width: 280px;
    margin: 10px auto 10px;
}

.game-details .password .pwd {
    font-size: 18px;
    text-align: center;
    color: #FA923E;
    width: 280px;
    margin: 5px auto 5px auto;
}
.game-invite .content .share-game-name{
    text-align: center;
    font-size: 23px;
    color: #FA923E;
    margin-top: 20px;
}
.game-details .game-buttons{
  margin: 0 17.06%;
  height:57px;
}
.game-details .game-buttons img{
  width:55px;
}
.game-details .game-buttons img#betBtn{
  float:left;
  display:none;
}
.game-details .game-buttons img#voteBtn{
  float:right
}
/* 比赛详情页 End */

@media screen and (max-device-width:330px) {
    .game-details .overview > .info > .two {
        padding-top: 5px !important;
    }

    .game-details .overview > .info > .two .prize-pool > img {
        margin-right: 0 !important;
    }

    .game-details .overview > .info > .two .divider {
        margin: 0 !important;
    }

    .game-details .overview > .info > .two .game-term {
        margin-left: 0 !important;
    }

    .game-details .overview > .info > .two .game-term > img {
        margin-right: 0 !important;
    }
}
/*漏斗的位置靠右移一段距离 */
/*iphone6*/
/*@media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2){*/
    /*.game-details .overview > .info > .two .game-term{*/
        /*padding-left: 15px;*/
    /*}*/
    /*.game-details .overview > .info > .two .divider {*/
        /*margin: 5px 15px 0 20px;*/
    /*}*/
/*}*/
/*!*iphone6 plus*!*/
/*@media(min-device-width:414px)and(max-device-width:736px)and(-webkit-min-device-pixel-ratio:3){*/
    /*.game-details .overview > .info > .two .game-term{*/
        /*padding-left: 15px;*/
    /*}*/
    /*.game-details .overview > .info > .two .divider{*/
        /*margin: 5px 20px 0 25px;*/
    /*}*/
/*}*/
/*漏斗的位置靠右移一段距离 */

.game-comment .emoji_item{
    width: 50px;
}
